<template>
  <div class="app-container">
    <div class="layout-content">
        <router-view></router-view>
    </div>
    <!-- <div class="layout-footer">
      <TabBar :data="tabbars"  @change="handleChange" />
    </div> -->
    <!-- <TabBar :data="tabbars"  @change="handleChange" /> -->
  </div>
</template>

<script>
import TabBar from '@/components/TabBar' 
export default {
  name: 'AppShops',
  data() {
    return {
      tabbars: [],
      active:0
    }
  },
  components: {
    TabBar
  },
  created() {
    this.initData()
  },
  methods: {
    initData(){
      // getColumn({type:0}).then(res =>{
      //   for(let i=0;i<res.data.length;i++){
      //     this.tabbars.push({
      //       title:res.data[i].name,
      //       to:res.data[i].url,
      //       // {
      //       //   name:res.data[i].url
      //       // },
      //       icon:res.data[i].imgUrl
      //     })
      //   }
      // })
    },
    handleChange(v) {
      // console.log('tab value:', v)
    }
  }
}
</script>
